<!--=============================================
=            Breadcrumb Area         =
=============================================-->

<div class="breadcrumb-area breadcrumb-bg pt-85 pb-85 mb-80">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-container">
                    <ul>
                        <li><a href="/">Home</a> <span class="separator">/</span></li>
                        <li class="active">My Account</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!--=====  End of Breadcrumb Area  ======-->

<!--=============================================
=            My Account page content         =
=============================================-->

<div class="page-section mb-80">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="row">
                    <!-- My Account Tab Menu Start -->
                    <div class="col-lg-3 col-12">
                        <div class="myaccount-tab-menu nav" role="tablist">
                            <a href="{:url('home/user/index')}"><i class="fa fa-dashboard"></i>
                                Dashboard</a>

                            <a href="{:url('home/user/order')}" class="active"><i class="fa fa-cart-arrow-down"></i>
                                Orders</a>

                            <!--                            <a href="#download" data-toggle="tab"><i class="fa fa-cloud-download"></i> Download</a>-->

                            <!--                            <a href="#payment-method" data-toggle="tab"><i class="fa fa-credit-card"></i> Payment-->
                            <!--                                Method</a>-->

                            <!--                            <a href="#address-edit" data-toggle="tab"><i class="fa fa-map-marker"></i> address</a>-->

                            <a href="#account-info" data-toggle="tab"><i class="fa fa-user"></i> Account Details</a>

                            <a href="{:url('home/user/logout')}"><i class="fa fa-sign-out"></i> Logout</a>
                        </div>
                    </div>
                    <!-- My Account Tab Menu End -->

                    <!-- My Account Tab Content Start -->
                    <div class="col-lg-9 col-12">
                        <div class="tab-content" id="myaccountContent">
                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade  show active" id="orders" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Orders</h3>

                                    <div class="myaccount-table table-responsive text-center" style="">
                                        <table class="table table-bordered">
                                            <thead class="thead-light">
                                            <tr>
                                                <th>No</th>
                                                <th>Name</th>
                                                <th>Phone</th>
                                                <th>Status</th>
                                                <th>Total</th>
                                                <th>Date</th>
                                                <th>Order Detail</th>
                                            </tr>
                                            </thead>

                                            <tbody>
                                            <?php if($order_list):foreach($order_list as $order): ?>
                                            <tr>
                                                <td><?php echo $order['id']; ?></td>
                                                <td><?php echo $order['last_name']." ".$order['first_name']; ?></td>
                                                <td><?php echo $order['phone']; ?> </td>
                                                <td>
                                                    <?php if($order['px_status']==0): ?>
                                                        待推送
                                                    <?php elseif($order['px_status']==1): ?>
                                                        推送成功
                                                    <?php elseif($order['px_status']==2): ?>
                                                        推送失败
                                                    <?php endif;?>
                                                </td>
                                                <td><?php echo $order['order_total']; ?> </td>
                                                <td><?php echo date("y-m-d H:i:s",$order['create_time']); ?></td>
                                                <td>  <a href="{:url('home/user/orderDetail')}?id=<?php echo $order['id']; ?>"> Detail</a> </td>
                                            </tr>
                                            <?php endforeach;endif; ?>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- Single Tab Content End -->
                        </div>
                    </div>
                    <!-- My Account Tab Content End -->
                </div>

            </div>
        </div>
    </div>
</div>

<!--=====  End of My Account page content  ======-->